<template>
<div :style="{height:open?'':`${minHeight}px`}" style="position:relative;overflow:hidden;">
    <span right linkable gray3 :style="{'line-height':`${minHeight}px`}">
        <span v-if="!open" @click="open=true">展开<Icon type="ios-arrow-down" /></span>
        <span v-else @click="open=false">收起<Icon type="ios-arrow-up" /></span>
    </span>
    <slot></slot>
</div>
</template>

<script lang="ts">
import { Component, Vue,Inject, Prop,Watch } from 'vue-property-decorator';
import AbpBase from '../../lib/abpbase'

@Component
export default class OpenClose extends AbpBase{
    @Prop({type:Boolean,default:false}) open:Boolean;
    @Prop({type:Number, default:20}) minHeight:Number;
}
</script>

<style>

</style>
